<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link href="css/jquery-ui.min.css" type="text/css" rel="stylesheet" />
		<link href="css/main.css" type="text/css" rel="stylesheet" />
		<title>a free gantt chart</title>
	</head>
	<body>	
		<div id="loading">
			<div id="progressbar" class="ui-progressbar ui-widget ui-widget-content ui-corner-all" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
			</div>
			<p>正在加载中<span>0%</span></p>
		</div>
		<div id="gantt">
			<div class="left">
				<table border="0" cellspacing="0">
					<thead>
						<tr>
							<th>排序</th>
							<th>ID</th>
							<th>前置ID</th>
							<th>描述</th>
							<th>工作日</th>
							<th>开始</th>
							<th>结束</th>
							<th>资源</th>
						</tr>
					</thead>
					<tbody>
						<tr class="sample">
							<td>
								<span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
							</td>
							<td class="id">								
								<input readonly />			
							</td>
							<td class="pid">
								<input readonly />
							</td>
							<td class="desc">
								<input />
							</td>
							<td class="cost">
								<input readonly />
							</td>
							<td class="start">
								<input />
							</td>
							<td class="end">
								<input />
							</td>
							<td class="resource">
								<select>
									<option>默认</option>
								</select>
							</td>
						</tr>						
					</tbody>
				</table>
			</div>
			<div class="right">
				<div class="bg"></div>
				<ul></ul>
			</div>
		</div>
		
		<script src="js/jquery-1.7.2.min.js" charset="UTF-8"></script>
		<script src="js/jquery-ui.min.js" charset="UTF-8"></script>
		<script src="js/widget.js" charset="UTF-8"></script>
		<script src="js/gantt.js" charset="UTF-8"></script>
   	</body>
</html>